<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
	<header th:replace="_layout/header :: header"></header>

		<div class="full-row page-banner-image" style="background-image: url(&quot;static/assets/images/background/1.png&quot;); background-repeat: no-repeat;">
			<div class="container">
				<div class="row">
					<div class="col-lg-7 col-md-9 mx-auto pt-5 sm-pt-0">
						<div class="product-search">
							<h3 class="text-white text-center mb-4"><span class="mr-3 h3 text-white">20,32,345</span>Offered Cars Available</h3>
							<form class="form-inline" action="#" method="post">
								<select class="form-control m-0">
									<option selected="">Categories</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
								<input type="text" class="form-control m-0" name="search" placeholder="Search product...">
								<button type="submit" name="submit"><i class="fas fa-search text-white"></i></button>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- Breadcrumb Start -->
		<div class="full-row breadcrumb-bar bg-gray py-3">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<h5 class="text-secondary">Inventory List</h5>
					</div>
					<div class="col-sm-6">
						<nav aria-label="breadcrumb" class="float-right">
							<ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
								<li class="breadcrumb-item"><a href="#">Home</a></li>
								<li class="breadcrumb-item active" aria-current="page">Inventory List</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>
		<!-- Breadcrumb End -->


		<div class="full-row pb-0">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="p-4 shadow-sm bg-white formicon text-light">
							<form method="post" action="#">
								<div class="row">
									<div class="col-md-12 col-lg-12">
										<div class="border-bottom mb-4 w-100 d-sm-flex">
											<h3 class="text-secondary pb-3">Find Your Car</h3>
											<span class="text-primary ml-3 mt-2">Advance Search</span>
											<div class="text-sm-right text-secondary h5 py-2 ml-auto"><span class="text-primary">1260</span> Available</div>
										</div>
									</div>
									<div class="col-md-4 col-lg-4">
										<div class="form-group">
											<label>Car Condition</label>
											<select class="form-control selectpicker">
											<option>Select Car Type</option>
											<option>Appartment</option>
											<option>Condose</option>
											<option>Land</option>
											<option>Commercial</option>
											<option>Villah</option>
										</select>
										</div>
									</div>
									<div class="col-md-4 col-lg-4">
										<div class="form-group">
											<label>Car Brand</label>
											<select class="form-control selectpicker">
											<option>Select Your Brand</option>
											<option>Appartment</option>
											<option>Condose</option>
											<option>Land</option>
											<option>Commercial</option>
											<option>Villah</option>
										</select>
										</div>
									</div>
									<div class="col-md-4 col-lg-4">
										<div class="form-group">
											<label>Location</label>
											<select class="form-control selectpicker">
											<option>Select Location</option>
											<option>Appartment</option>
											<option>Condose</option>
											<option>Land</option>
											<option>Commercial</option>
											<option>Villah</option>
										</select>
										</div>
									</div>
									<div class="col-md-8">
										<div class="py-4 mb-5">
											<label>Price Range($)</label>
											<div class="price-range font-12 text-ordinary">
												<div class="price-filter"> <span class="price-slider">
													<input class="filter-price" type="text" name="price" value="30000;931000" />
													</span> </div>
											</div>
										</div>
									</div>
									<div class="col-md-4 col-lg-3">
										<div class="form-group mt-5">
											<button type="submit" class="btn btn-primary w-100">Find A Vehicles</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>


		<div class="full-row">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="woo-filter-bar d-table w-100 mb-4 sm-mt-30">
							<div class="float-left">
								<form class="woocommerce-ordering" method="get">
									<select class="form-control orderby" data-width="fit">
									<option>Default</option>
									<option>Most Popular</option>
									<option>Top Rated</option>
									<option>Newest Items</option>
									<option>Price low to high</option>
									<option>Price hight to low</option>
								</select>
								</form>
							</div>
							<div class="float-left">
								<span class="woocommerce-ordering-pages">Showing at 15 result</span>
							</div>
							<div class="float-right xs-mx-none">
								<form class="view-category" method="get">
									<button title="List" class="list-view" value="list" name="display" type="submit"><i class="fas fa-th-list"></i></button>
									<button title="Grid" class="grid-view active" value="grid" name="display" type="submit"><i class="fas fa-th"></i></button>
								</form>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<div class="msg-token-left-angle-warning" title="Tranding Now"><span class="flaticon-flash flat-mini"></span></div>
								<img alt="Image not found!" src="static/assets/images/portfolio/3.png" class="h-100 w-auto position-relative x-center">
								<div class="msg-token-right bg-danger text-white">10% Deal</div>
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$120,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(25 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<img alt="Image not found!" src="static/assets/images/portfolio/4.png" class="h-100 w-auto position-relative x-center">
								<div class="msg-token-right bg-purple text-white">Popular</div>
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">Recondition</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$90,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(31 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<div class="msg-token-left-angle-info"><span class="sold">Sold</span></div>
								<img alt="Image not found!" src="static/assets/images/portfolio/5.png" class="h-100 w-auto position-relative x-center">
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$135,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(28 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<div class="msg-token-left-angle-warning" title="Tranding Now"><span class="flaticon-flash flat-mini"></span></div>
								<img alt="Image not found!" src="static/assets/images/portfolio/6.png" class="h-100 w-auto position-relative x-center">
								<div class="msg-token-right bg-danger text-white">10% Deal</div>
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$120,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(25 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<img alt="Image not found!" src="static/assets/images/portfolio/7.png" class="h-100 w-auto position-relative x-center">
								<div class="msg-token-right bg-purple text-white">Popular</div>
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">Recondition</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$90,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(31 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<div class="msg-token-left-angle-info"><span class="sold">Sold</span></div>
								<img alt="Image not found!" src="static/assets/images/portfolio/8.png" class="h-100 w-auto position-relative x-center">
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$135,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(28 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<div class="msg-token-left-angle-info"><span class="sold">Sold</span></div>
								<img alt="Image not found!" src="static/assets/images/portfolio/3.png" class="h-100 w-auto position-relative x-center">
								<div class="msg-token-right bg-danger text-white">10% Deal</div>
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$120,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(25 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<img alt="Image not found!" src="static/assets/images/portfolio/4.png" class="h-100 w-auto position-relative x-center">
								<div class="msg-token-right bg-purple text-white">Popular</div>
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">Recondition</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$90,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(31 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<div class="msg-token-left-angle-info"><span class="sold">Sold</span></div>
								<img alt="Image not found!" src="static/assets/images/portfolio/5.png" class="h-100 w-auto position-relative x-center">
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$135,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(28 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<div class="msg-token-left-angle-warning" title="Tranding Now"><span class="flaticon-flash flat-mini"></span></div>
								<img alt="Image not found!" src="static/assets/images/portfolio/6.png" class="h-100 w-auto position-relative x-center">
								<div class="msg-token-right bg-danger text-white">10% Deal</div>
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$120,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(25 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden p-0">
								<img alt="Image not found!" src="static/assets/images/portfolio/7.png" class="h-100 w-auto position-relative x-center">
								<div class="msg-token-right bg-purple text-white">Popular</div>
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">Recondition</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$90,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(31 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="thumb-blog-horizontal clearfix transation mb-4 bg-light d-md-flex">
							<div class="position-relative overflow-hidden msg-token-left-angle-info p-0">
								<div class="msg-token-left-angle-info"><span class="sold">Sold</span></div>
								<img alt="Image not found!" src="static/assets/images/portfolio/8.png" class="h-100 w-auto position-relative x-center">
							</div>
							<div class="post-content p-4 pl-sm-24">
								<div class="thumb-details">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a href="#" class="text-secondary hover-text-primary transation">Awesome Class Model</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$135,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(28 Rating)</span> <span class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<p>Libero consectetuer fames montes habitasse lorem hendrerit dictumst sit blandit. Commodo justo. Blandit lobortis metus et. </p>
									<ul class="d-flex clearfix mt-3">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span class="font-mini">Petrol</span></li>
										<li class="pr-3"><i class="flaticon-schedule flat-mini text-primary mr-1"></i><span class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-12 mt-3">
						<nav aria-label="Page navigation example">
							<ul class="pagination pagination-dotted-active justify-content-center">
								<li class="page-item disabled">
									<a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous Page</a>
								</li>
								<li class="page-item active"><a class="page-link" href="#">1</a></li>
								<li class="page-item"><a class="page-link" href="#">2</a></li>
								<li class="page-item"><a class="page-link" href="#">3</a></li>
								<li class="page-item">
									<a class="page-link" href="#">Next Page</a>
								</li>
							</ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
	<footer th:replace="_layout/footer :: footer"></footer>
		<a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
    </div>

    <!-- Javascripts -->
    <script src="static/assets/js/jquery.min.js"></script>
    <script src="static/assets/js/greensock.js"></script>
    <script src="static/assets/js/layerslider.transitions.js"></script>
    <script src="static/assets/js/layerslider.kreaturamedia.jquery.js"></script>
    <script src="static/assets/js/popper.min.js"></script>
    <script src="static/assets/js/bootstrap.min.js"></script>
    <script src="static/assets/js/bootstrap-select.min.js"></script>   
    <script src="static/assets/js/jquery.fancybox.min.js"></script>
    <script src="static/assets/js/owl.js"></script>
    <script src="static/assets/js/wow.js"></script>
    <script src="static/assets/js/mixitup.min.js"></script>
    <script src="static/assets/js/tmpl.js"></script>
    <script src="static/assets/js/jquery.dependClass-0.1.js"></script>
    <script src="static/assets/js/draggable-0.1.js"></script>
    <script src="static/assets/js/jquery.slider.js"></script>
    <script src="static/assets/js/custom.js"></script>


</body>
</html>